<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>I - blog</title>
    <link rel="stylesheet" href="css/utils.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">
</head>

<body>
    <nav class="navbar">
        <div class="left">
            <div class="logo"><a href="#">I-<span>Blog</span></a></div>
            <ul class="menu">
                <li><a href="/blog.html" class="menu-btn"><link href="/blog.html">  Home</a></li>
                <li><a href="#" class="menu-btn">About</a></li>
                <li><a href="/contact.html" class="menu-btn"><link href="/contact.html"> Contact</a></li>
            </ul>
        </div>
        <div class="right">
            <form action="/search.html" method="get">
                <input class="forms-input" type="text" placeholder="Article Search">
                <button class="btn">Search</button>
            </form>
        </div>
    </nav>
    <div class="max-width-1 m-auto">
        <p> here us a oaragraoh fir the convence of dump right shit </p>
        <hr>
    </div>

    <div class="content max-width-1 m-auto">
        <div class="content-left">
            <h1>The heaven for bloggers</h1>
            <p>i-blog is a website which lets you to upload your blogs and your blogs can make an imagineable reach for
                your blogs </p>
            <p>In my former life as a tech podcaster, I used to switch phones, smartwatches, and tablets with my co-host
                for the entire month of January. He was an Android guy and I was all Apple all the time. This was always
                an entertaining experiment (to us anyway) and made for many good discussions that you can still watch on
                YouTube if you‘ve got some extra time on your hands.</p>
        </div>
        <div class="content-right">
            <img src="img/man-hands-typing-an-article-on-a-vintage-typewriter-vector.jpg" alt="i-blog">
        </div>
    </div>
    <div class="max-width-1 m-auto">
        <hr>
    </div>
    <div class="home-articles max-width-1 m-auto">
        <!-- <img src="img/man-hands-typing-an-article-on-a-vintage-typewriter-vector.jpg" alt=""> -->
        <h2>Featured Articles</h2>
        <div class="home-article">
            <img class="home-article-img"
                src="img/concept top angle view desktop laptop smartphone tablet newspaper office stuff horizontal copy space.jpg"
                alt="article">
            <div class="home-article-content">
                <a href="/index.html">
                    <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
                </a>

                <div>Author name</div>
                <span>07-june | 10 min read</span>
            </div>

        </div>
        <div class="home-article">
            <img class="home-article-img "
                src="img/concept top angle view desktop laptop smartphone tablet newspaper office stuff horizontal copy space.jpg"
                alt="article">
            <div class="home-article-content">
                <a href="/index.html">
                    <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
                </a>
                <div>Author name</div>
                <span>07-june | 10 min read</span>
            </div>
        </div>
        <div class="home-article">
            <img class="home-article-img"
                src="img/concept top angle view desktop laptop smartphone tablet newspaper office stuff horizontal copy space.jpg"
                alt="article">
            <div class="home-article-content">
                <a href="/index.html">
                    <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
                </a>
                <div>Author name</div>
                <span>07-june | 10 min read</span>
            </div>
        </div>
        <div class="home-article">
            <img class="home-article-img"
                src="img/concept top angle view desktop laptop smartphone tablet newspaper office stuff horizontal copy space.jpg"
                alt="article">
            <div class="home-article-content">
                <a href="/index.html">
                    <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
                </a>
                <div>Author name</div>
                <span>07-june | 10 min read</span>
            </div>
        </div>
        <div class="home-article">
            <img class="home-article-img"
                src="img/concept top angle view desktop laptop smartphone tablet newspaper office stuff horizontal copy space.jpg"
                alt="article">
            <div class="home-article-content">
                <a href="/index.html">
                    <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
                </a>
                <div>Author name</div>
                <span>07-june | 10 min read</span>
            </div>
            <div>
                section 3078
                
            </div>
        </div>
        <div class="home-article">
            <img class="home-article-img"
                src="img/concept top angle view desktop laptop smartphone tablet newspaper office stuff horizontal copy space.jpg"
                alt="article">
            <div class="home-article-content">
                <a href="/index.html">
                    <h3>Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
                </a>
                <div>Author name</div>
                <span>07-june | 10 min read</span>
            </div>
        </div>
    </div>
    <div class="footer ">
        <p>Copyright &copy; iblog.com</p>
        <a href="https://www.vecteezy.com/free-vector/typing">Vector credits: vecteezy</a>
    </div>
</body>

</html>